<!-- js/ts代码 -->
<script lang="ts">
  //此处的Home命名是任意的
  import Home from '@/components/Home.vue'
  // 只要导出的是匿名的,在import的时候,都是不需要使用{}
  export default{
    //devtools展示的组件的名称
    //此处的名称推荐和.vue文件的名称保持一致
    name:'App',
    //注册组件
    components:{
      Home
    }
  }
</script>

<!-- html代码 -->
<template>
    <h1>欢迎来到App</h1>
    <hr>
    <h3>下面是Home.vue</h3>
    <!-- vue2中不建议直接写单标记,但是在vue3中是无所谓的,不会出现问题 -->
    <Home/>
</template>

<!-- css样式 -->
<style scoped>

</style>
